<!DOCTYPE html> 
<html> 
	<head> 
	<title>WTFAQ.nl</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="jquerymobile.min.css" />
	<script src="modernizr.js"></script>	
	<script src="jquery-1.6.4.min.js"></script>
	<script src="jquerymobile101.js"></script>
	<script src="wtfaq.js?dt=<?php $dt=time(); print $dt?>"></script>
</head> 
<body> 
<div id="start" data-role="page">
	<div data-role="header">
		<h1>WTFAQ WTFAQ</h1>
	</div><!-- /header -->
	<div id=faqcontent data-role="content">	
	</div><!-- /content -->
		<div data-role="footer" data-id="navje" data-position="fixed" role="contentinfo">		
		<div data-role="navbar">
			<ul>
				<li><a id="nav2List" href="#start" class="ui-state-persist ui-btn-active">Lijst</a></li>
				<li><a id="nav2Map" href="#map">Kaart</a></li>
				<li><a id="nav2Qst" href="#frm">Stel je vraag</a></li>				
			</ul>
		</div><!-- /navbar -->
	</div><!-- /footer -->		
</div><!-- /page -->
<div id="map" data-role="page">
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBEDI_-eupFFw88kcFm051XHkiBPOIXlzg&sensor=true"></script>	
<script src="jquery.ui.map.js"></script>
<script src="jquery.ui.map.extensions.js"></script>
<script src="jquery.ui.map.overlays.js"></script>
	<div data-role="header">
		<h1>WTFAQ KAART</h1>
	</div><!-- /header -->
	<div id=mapcontent data-role="content" style="width: 100%; height: 100%;">	
	</div><!-- /content -->
		<div data-role="footer" data-id="navje" data-position="fixed" role="contentinfo">		
		<div data-role="navbar">
			<ul>
				<li><a id="nav2List" href="#start">Lijst</a></li>
				<li><a id="nav2Map" href="#map"  class="ui-state-persist ui-btn-active">Kaart</a></li>
				<li><a id="nav2Qst" href="#frm">Stel je vraag</a></li>
			</ul>
		</div><!-- /navbar -->
	</div><!-- /footer -->		 
</div><!-- /page -->
<div id="frm" data-role="page">
	<div data-role="header">
		<h1>WTFAQ VRAAG</h1>
	</div><!-- /header -->
	<div id=faqcontent data-role="content">	
			<form action=send.php method=post>	
				<input type=hidden name=latitude value="">
				<input type=hidden name=longitude value="">
				<input type=hidden name=location value="">
				<label>Vraag voor lokatie (<span id='locatie'></span>)</label>
				<textarea required  aria-required=true name=vraag placeholder='stel je vraag'></textarea>
				<label>Je email adres</label>&nbsp;<span style='font-size: 0.5em'>Je wordt ge-emaild als je vraag is beantwoord</span>
				<input required aria-required=true type=email placeholder='Vul geldig email adres in' name=email>
				<input type=submit href=questionsend.php name=send value=Verstuur>
			</form>
	</div><!-- /content -->
	<div data-role="footer">		
		<div data-role="navbar">
			<ul>
				<li><a id="nav2List" href="#start" >Lijst</a></li>
				<li><a id="nav2Map" href="#map">Kaart</a></li>
				<li><a id="nav2Qst" href="#frm"  class="ui-state-persist ui-btn-active">Stel je vraag</a></li>				
			</ul>
		</div><!-- /navbar -->
	</div><!-- /footer -->		
</div><!-- /page -->

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29323112-1']);
  _gaq.push(['_setDomainName', '.wtfaq.nl']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
</body>
</html>